Apex 4X Technical Style Guide

ARIA Date Picker (Basic, ReadOnly Auto Open plus Disabled Ranges)

The calendar is keyboard accessible:

  • Set focus to the input field to automatically open the calendar, focus will remain on the input field.
  • When the input has focus, press the Down arrow to set focus on the current date within the calendar.
  • Press the Left and Right arrow keys to navigate the row by week day.
  • Press the Home and End keys to jump to the beginning or end of the current row.
  • Press the Up and Down arrow keys to navigate between weeks on the same week day.
  • Press the PageDown and PageUp keys to navigate backwards or forwards by month.
  • Press Alt+PageDown and Alt+PageUp to navigate backwards or forwards by year.
  • Press the Enter key to activate the selected date.
  • Press Escape to close the calendar without making a selection.
  • Mouse users can click the desired date buttons as usual.